<!doctype html>
<html>

<head>
<meta charset="utf-8"/>
    <link href="font-awesome-4.2.0/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="bootstrap/css/admin.css">
    <link rel="stylesheet" href="bootstrap/css/backoffice.css">
    <!-- Optional theme -->
    <link rel="stylesheet" href="bootstrap/css/style.css">
    <link rel="stylesheet" href="styles/style.css">
</head>

<center>
    <div class="content_client" id="content">
        <div class="col-md-12">
            <div class="row">
                <ul class="disconnection_client">
                    <ul class="logo_ul_client">
                        <li>
                            <img src="image/logo">
                        </li>
                    </ul>
                    <li>Bonjour M google@gmail.com
                    </li>
                    <li>
                        <a href=""><i class="fa fa-sign-out"></i></a>
                    </li>
                </ul>
            <div class="col-md-3"></div>
            <div class="col-md-8">
            
            </div>
            </div>
            <div>
                <br>
            </div>


            <div class="row Menu-h">
                <div class="col-md-8 ">
                    <br>
                    <h3 class='title_page'>Detail de bord</h3>
                   <table class="table">
                        <tr><th>Titre</th><th>Date</th><th>Titre</th><th>Date</th><th></th></tr>
                        <tr><td>youssef</td><td>14-15-2004</td><td>youssef</td><td>14-15-2004</td><td>
                                                    <div class="btn btn-danger btn-xs">Delete</div>
                        <div class="btn btn-primary btn-xs"><b>Update</b></div> </td></tr>
                        
                        <tr><td>youssef</td><td>14-15-2004</td><td>youssef</td><td>14-15-2004</td><td><div class="btn btn-danger btn-xs">Delete</div> <div class="btn btn-primary btn-xs"><b>Update</b></div> </td></tr></td></tr>

                        <tr><td>youssef</td><td>14-15-2004</td><td>youssef</td><td>14-15-2004</td><td><div class="btn btn-danger btn-xs">Delete</div> <div class="btn btn-primary btn-xs"><b>Update</b></div> </td></tr></td></tr>

                        <tr><td>youssef</td><td>14-15-2004</td><td>youssef</td><td>14-15-2004</td><td><div class="btn btn-danger btn-xs">Delete</div> <div class="btn btn-primary btn-xs"><b>Update</b></div> </td></tr></td></tr>

                    </table>

                </div>
                 <div class="col-md-3 help">
                    <h4><a href="">Lien 1</a></h4>
                    <p>
                        Lorem ipsum dolor sit amet, consec tetur adipisi cing elit.
                    </p>
                    <h4><a href="">Lien 1</a></h4>
                    <p>
                        Lorem ipsum dolor sit amet, consec etur adipisi cing elit.
                    </p>
                    <h4><a href="">Lien 1</a></h4>
                    <p>
                        Lorem ipsum dolor sit amet, consect etur adipisi cing elit.
                    </p>
                </div>
            </div>

            <div style="position:relative">

            </div>
            <br>
            <sapn style='color:#FFF'>.</sapn>
            <div class="row">
                <ul class="disconnection_client">
                    <li><a href="/test">Visit front site </a>
                    </li>
                </ul>

            </div>


        </div>
        <a href="javascript:;">
        </a>
        <div class="row Menu-h">
        </div>
    </div>

</center>

</html>